<template>
  <div>
    <!-- provide与inject
        作用：用于高阶组件向低阶组件传值
        使用场景：可以用于一些全局组件的封装内，不建议用于业务场景
           传：
              provide(){
                return {
                  num:123
                }
              },

           收:
              inject:{
                xxxnum:{
                  from:'num'
                }
              }
     -->
    父组件---{{ msg }}
    <hr />
    <InjectSon></InjectSon>
  </div>
</template>
<script>
import InjectSon from './components/injectSon.vue'
export default {
  provide () {
    return {
      num: 123,
      that: this,
      fn: this.fn
    }
  },
  data () {
    return {
      msg: 'hello'
    }
  },
  methods: {
    fn (str) {
      this.msg = str
    }
  },
  components: {
    InjectSon
  }
}
</script>
<style></style>
